// 主容器设置
body{
    min-width: 320px;
    max-width: 750px;
    position: relative;
    margin: 0 auto;
   background-color: #F6F9FD;
}

// 当屏幕的宽度大于750px时  html的字体大小就不要再变化了
@media screen and (min-width:750px){
    html{
        font-size: 37.5px !important;
    }
}

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.header {
    height: 5.066667rem;
    .user_icon{
        position: absolute;
        width: .853333rem;
        height: .853333rem;
        border-radius: .426667rem;
        line-height: .853333rem;
        text-align: center;
        top: .693333rem;
        left: .4rem;
        border: .026667rem solid rgba(255, 255, 255, 0.8);
        font-size: .48rem;
    }
}

.content {
    position: relative;
    background-color: #ffffff;
    border-radius: .4rem .4rem 0 0;
    margin-top: -.773333rem; 
    padding: .533333rem .4rem 0 .4rem;
    .travel {
            img {
                float: left;
                width: 4.56rem;
                height: 2.666667rem;
                &:nth-child(1){
                    margin-right: .08rem;
                    height: 5.413333rem;
                 }
                 &:nth-child(2){
                    margin-bottom: .08rem;
                 }
            }     
    }
    .shopping {
        margin-top: .266667rem;
        img {
            float: left;
            width: 4.56rem;
            height: 2.986667rem;
            &:nth-child(1){
                margin-right: .08rem;
             }
        }
    }
}


.footer {
    padding: .4rem .373333rem .4rem .426667rem;
    background-color: #ffffff;
    .wrap {
        display: flex;
        flex-wrap: wrap;
        overflow: hidden;
        justify-content: space-between;
        border-radius: .213333rem;
    }
    span {
        width: 4.56rem;
        height: 1.12rem;
        text-align: center;
        line-height: 1.12rem;  
        background: #EAEFF4;
        font-size: .4rem;
        color: #222222;
        margin: 0 0 .053333rem 0;
        &:nth-child(n + 3){
            width: 3.04rem;
            margin-bottom: 0;
         }
    }
}

